﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>教室环境-用户留言信息</title>
    <th:block th:include="include :: front-common-css-js" />      
    <style>
        .room { margin-top: 80px; }
        .room .title { text-align: center; font-size: 24px; color: #333; padding-bottom: 54px; }
        .room_banner { clear: both; }
        .room_banner .frame { height: 632px; background: no-repeat center center; background-size: cover; }
        .room_banner .frame img { border-radius: 20px; }
        .s_room_banner { display: none; clear: both; height: 632px; }
        .s_room_banner div { height: 100%; }
        .s_room_banner .frame { height: 100%; background: no-repeat center center; background-size: cover; }

        @media (max-width: 1024px) {
            .room_banner { display: none; }
            .s_room_banner { display: block; }
        }
    </style>
   
</head>
<body>
    <!--主体内容 end-->
    <th:block th:include="include :: front-header" />     
    <div class="message" th:each="message : ${list}" style="margin-left: 30px;border-bottom: 1px solid #029749 ;">
          <p class="M_title" style="font-size: 18px; color: #333 padding: 10px;" th:text="${message.content}">课后分享</p>
             <p class="p1" style="font-size: 16px; color: #999;; padding: 7px 0;" th:text="${#dates.format(message.messageTime, 'yyyy-MM-dd')}">2019-02-28</p>
             <div th:if="${message.status==3}">
               <span class="line" style="width: 300px; height: 2px; background: #029F45; display: inline-block;" th:text="${message.teacherName}">张三</span>回复时间:
               <span class="line" style="width: 300px; height: 2px; background: #029F45; display: inline-block;" th:text="${#dates.format(message.backTime, 'yyyy-MM-dd')}">2019-03-15</span>
               <p class="p2" style="padding-bottom: 10px;" th:text="${message.backContent}">扒拉扒拉扒拉扒拉扒拉扒拉扒拉扒拉扒</p>
           </div> 
   </div>
<div class="Release" style="width: 100%;">
	<div>
		<button id="btn" style="width: 80%;margin-top: 30px;margin-left: 10%;">发贴</button>
	</div>
</div>

<div id="fm" style="display:none;width: 100%;height:80px">
  <form style="width:200px;margin:10px auto" action="/front/talk/add" method="post">
       <div>
       <textarea name="content"  cols="80" rows="10">
       </textarea>
       </div>
       <div>
           <input type="submit" value="发布" />
       </div>
  </form>
</div>

  <!--主体内容 end-->
  <th:block th:include="include:: front-footer" />     

</body>
 <script>
		$(function () {
			$("#btn").click(function(){
				$("#fm").show();
				$(this).hide();
			});			
		});
    </script>
</html>

